<script lang="ts" setup>
</script>

<template>
  <RouterView v-slot="{ Component, route }">
    <template v-if="Component">
      <Transition mode="out-in" leave-active-class="animate-fade-out-down" enter-active-class="animate-fade-in-up"
        animate-duration-400>
        <KeepAlive>
          <component :is="Component" :key="route.fullPath"></component>
        </KeepAlive>
      </Transition>
    </template>
  </RouterView>
</template>

<style scoped lang="scss"></style>